<template>
  <div class="message">
    <van-card :desc="obj.content" :title="obj.SongName" :thumb="obj.SongPic" />
    <van-card :desc="obj.content" :title="obj.SongName" :thumb="obj.SongPic" />
    <van-card :desc="obj.content" :title="obj.SongName" :thumb="obj.SongPic" />
    <van-card :desc="obj.content" :title="obj.SongName" :thumb="obj.SongPic" />
  </div>
</template>
<script>
import { getMessage } from '@/api/message.js'
export default ({
  data() {
    return {
      obj: {}
    }
  },
  created() {
    this.getMessage()
  },
  methods: {
    async getMessage() {
      const res = await getMessage()
      this.obj = res.data
    }
  },
  setup() {

  }
})
</script>
<style lang="scss" scoped>
.message {
  .van-card__title {
    font-size: 16px !important;
    margin-bottom: 20px;
  }
  .van-card__desc {
    font-size: 14px !important;
  }
}
</style>
